<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
		<title>申诉中心</title>
	</head>
	<link rel="stylesheet" href="font/iconfont.css" />
	<link rel="stylesheet" href="css/css.css" />
	<link rel="stylesheet" href="dist/lib/weui.min.css">
	<link rel="stylesheet" href="dist/css/jquery-weui.min.css">
	<script type="text/javascript" src="dist/lib/jquery-2.1.4.js" ></script>
	<script src="dist/js/jquery-weui.min.js"></script>
	<script type="text/javascript" src="dist/lib/fastclick.js"></script>
	<style>
		body, html {height: 100%;-webkit-tap-highlight-color: transparent;}
		.weui-navbar__item{padding: 10px 0px !important;}
		.bd-change{padding: 10px 0;text-align: left;}
		.weui-form-preview__value-change{display: inline}
		.weui-form-preview{margin-top: 5px;}
		.weui-form-preview:first-child{margin-top: 0px;}

	</style>
	<body ontouchstart class="bgcolor">
		<header class="wy-header">
			<div class="wy-header-icon-back">
				<a href="javascript:history.back(-1)"><i class="iconfont icon-left6"></i></a>
			</div>
			<div class="wy-header-title">申诉中心</div>
		</header>
		<div class="weui-tab appeal">
			<div class="weui-navbar">
				<div class="weui-navbar__item weui-bar__item--on" href="#tab1">
					我发起的申诉
				</div>
				<div class="weui-navbar__item" href="#tab2">
					我收到的申诉
				</div>
			</div>
			<div class="weui-tab__bd">
				<div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active weui-pull-to-refresh">
					<div class="weui-pull-to-refresh__layer">
						<div class='weui-pull-to-refresh__arrow'></div>
						<div class='weui-pull-to-refresh__preloader'></div>
						<div class="down">下拉刷新</div>
						<div class="up">释放刷新</div>
						<div class="refresh">正在刷新</div>
					</div>
					<div class="content-padded" style="padding: 0;">
						
					<div class="weui-form-preview" style="padding: 0 15px;">
                      <div class="weui-form-preview__ft"style="line-height: 20px;border-bottom: solid 1px #f0f0f0;padding: 10px 0;">
                        <img src="images/clock.png" alt="" style="width: 20px;height: 20px;"/>
                        <span style="font-size: 14px;color: #999;margin-left: 15px;">2019-11-20 10:53:14</span>
                      </div>
                       <div class="weui-form-preview__bd bd-change">
                         <div class="weui-form-preview__item">
                             <label class="weui-form-preview__label"style="color: #333;">类型:</label>
                             <span class="weui-form-preview__value weui-form-preview__value-change"style="color: #333;">用户做任务问题</span>
                             <span>（已完成）</span>
                          </div>
                          <div class="weui-form-preview__item">
                             <label class="weui-form-preview__label" >任务编号:</label>
                             <span class="weui-form-preview__value">1234567890</span>
                              </div>
  
                        </div>
                        </div>	
                        
                        	<div class="weui-form-preview" style="padding: 0 15px;">
                      <div class="weui-form-preview__ft"style="line-height: 20px;border-bottom: solid 1px #f0f0f0;padding: 10px 0;">
                        <img src="images/clock.png" alt="" style="width: 20px;height: 20px;"/>
                        <span style="font-size: 14px;color: #999;margin-left: 15px;">2019-11-20 10:53:14</span>
                      </div>
                       <div class="weui-form-preview__bd bd-change">
                         <div class="weui-form-preview__item">
                             <label class="weui-form-preview__label"style="color: #333;">类型:</label>
                             <span class="weui-form-preview__value weui-form-preview__value-change"style="color: #333;">用户做任务问题</span>
                             <span>（已完成）</span>
                          </div>
                          <div class="weui-form-preview__item">
                             <label class="weui-form-preview__label" >任务编号:</label>
                             <span class="weui-form-preview__value">1234567890</span>
                              </div>
  
                        </div>
                        </div>	
                        
					</div>
				</div>
				<div id="tab2" class="weui-tab__bd-item weui-pull-to-refresh">
					<div class="weui-pull-to-refresh__layer">
						<div class='weui-pull-to-refresh__arrow'></div>
						<div class='weui-pull-to-refresh__preloader'></div>
						<div class="down">下拉刷新</div>
						<div class="up">释放刷新</div>
						<div class="refresh">正在刷新</div>
					</div>
					<div class="content-padded">
						<div class="no-data txt-center">
							<img src="img/no-data.png" width="30%"/>
							<p class="font-sm-color2">暂时没有相关数据</p>
						</div>
					</div>
				</div>
		
			</div>
		</div>
    	
    
<!--footer-->
		<div class="weui-tabbar">
			<a href="首页.html" class="weui-tabbar__item weui-bar__item--on">
				<div class="weui-tabbar__icon">
					<i class="iconfont icon-home"></i>
				</div>
				<p class="weui-tabbar__label">首页</p>
			</a>
			<a href="商品列表.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="iconfont icon-renwu"></i>
				</div>
				<p class="weui-tabbar__label">已接任务</p>
			</a>
			<a href="分类.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon ">
					<i class="iconfont icon-xinxi2"></i>
				</div>
				<p class="weui-tabbar__label">申诉中心</p>
			</a>
			<a href="分类.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon ">
					<i class="iconfont icon-huodongzhongxin"></i>
				</div>
				<p class="weui-tabbar__label">活动中心</p>
			</a>
			<a href="个人中心.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="iconfont icon-wode2"></i>
				</div>
				<p class="weui-tabbar__label">我的</p>
			</a>
		</div>
	<script>
	  $(function() {
	    FastClick.attach(document.body);
	  });
	</script>
	<script>
	  $('.weui-tab__bd-item').pullToRefresh().on('pull-to-refresh', function (done) {
	    var self = this
	    setTimeout(function() {
	      $(self).pullToRefreshDone();
	    }, 2000)
	  })
	</script>	
	</body>
</html>